// import 'package:flutter/material.dart';
// import 'package:flutter/widgets.dart';

// class containercomp extends StatelessWidget {
//   const containercomp({super.key});

//   @override
//   Widget build(BuildContext context) {
//     return Container(

//       //宽
//       width: 200,
//       //高
//       height: 100,
//       //背景颜色
//       color: Colors.red,
//       //外边距
//       // margin:const EdgeInsets.all(20),//四个边
//       //margin: const EdgeInsets.fromLTRB(10, 20, 30, 40), //左 上 右 下
//       margin: const EdgeInsets.only(left: 10), //单边
//       //内边距
//       padding: const EdgeInsets.all(20),

//       child: const Text('我是容器组件'),
//     );
//   }
// }

import 'package:flutter/material.dart';

class containercomp extends StatelessWidget {
  const containercomp({super.key});

  @override
  Widget build(BuildContext context) {
    // 容器组件：设置宽高，内外间距，对齐，盒子装饰
    return Scaffold(
        appBar: AppBar(
          title: const Text('无状态组件', style: TextStyle(color: Colors.white)),
          backgroundColor: Colors.blue,
        ),
        body: Container(
          width: 200,
          // width: double.infinity,//占满
          height: 200,
          // height: double.infinity,//占满
          // 注意：不建议直接设置 color 背景色，会跟 decoration 的 color 冲突报错
          // 建议：使用 decoration 背景装饰设置背景色
          // color: Colors.red,
          // 添加 padding
          padding: const EdgeInsets.all(20), // 四个方向统一设置
          // padding: const EdgeInsets.fromLTRB(30, 20, 10, 30), // 上 右 下 左
          // padding: const EdgeInsets.only(top: 30, left: 30), // 单独设置
          // padding: const EdgeInsets.symmetric(horizontal: 30), // 水平、垂直统一设置
          // 添加 margin
          margin: const EdgeInsets.all(20),
          // 对齐，支持 9 个方向，center 水平垂直居中
          alignment: Alignment.center,
          // 盒子装饰
          decoration: BoxDecoration(
            // 背景颜色
            color: Colors.blue,
            // 圆角
            borderRadius: BorderRadius.circular(30), // 四个方向圆角
            // 边框
            border: Border.all(color: Colors.green, width: 10),
            // 阴影，支持多个
            boxShadow: const [
              BoxShadow(
                color: Color.fromARGB(192, 0, 0, 129),
                offset: Offset(-10, 10),
                blurRadius: 20,
              ),
            ],
            // 渐变，支持线性渐变、径向渐变
            gradient: const LinearGradient(
              colors: [
                Color.fromARGB(255, 246, 20, 4),
                Color.fromARGB(255, 149, 2, 157),
              ],
              // 渐变方向
              begin: Alignment.topLeft,
              end: Alignment.bottomRight,
            ),
          ),
          child: const Text('hello flutter'),
        ));
  }
}

class ContainerCase extends StatelessWidget {
  const ContainerCase({super.key});

  @override
  Widget build(BuildContext context) {
    // 容器组件：设置宽高，内外间距，对齐，盒子装饰
    return Scaffold(
        appBar: AppBar(
          title: const Text('无状态组件', style: TextStyle(color: Colors.white)),
          backgroundColor: Colors.blue,
        ),
        body: const Text('《春宵》 苏轼 \n 春宵一刻值千金，花有清香月有阴。 歌管楼台声细细，秋千院落夜沉沉。',
            style: TextStyle(
              fontSize: 14, // 字体大小
              height: 2, // 行高, 2 倍字号，2 * 14 = 28
              color: Colors.pink, // 字体颜色
              fontWeight: FontWeight.bold, // 字体粗细
              fontStyle: FontStyle.italic, // 字体倾斜
              decoration: TextDecoration.lineThrough, // 文本装饰线，删除线、下划线
              decorationColor: Colors.red,
              decorationThickness: 5,
              // backgroundColor: Colors.blue, // 背景颜色，不推荐使用
            ),
            textAlign: TextAlign.center,
            maxLines: 5,
            overflow: TextOverflow.ellipsis));
  }
}
